<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0,maximum-scale=1.0  minimum-scale=1.0"
    />
    <title>腾悦科技公司</title>
    <link rel="stylesheet" href="./css/normalize.css" />
    <link rel="stylesheet" href="./css/swiper-bundle.min.css" />
    <link rel="stylesheet" href="./font/iconfont.css" />
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./css/bootstrap.css" />
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css"/>
    <script src="./js/flexible.js"></script>
    <script src="./js/swiper-bundle.min.js"></script>
  </head>
   <!-- 首页-->
  <body>
   
    <!--头部-->
    <div class="header clearfix">
      <div class="container">
        <img src="./img/tengyue.png" alt=""  class="animate__animated animate__backInLeft"/>

        <div class="right">
          <h1 class="animate__animated animate__wobble">腾悦科技</h1>
          <p>http://sysqy.ittun.com</p>
        </div>
      </div>
    </div>
    <!-- 轮播图 -->
    <div class="banner clearfix">
      <div class="swiper banner">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <img src="./img/banner-1.webp" alt="" />
          </div>
          <div class="swiper-slide">
            <img src="./img/banner2.png" alt="" />
          </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
      </div>
    </div>

    <!-- 导航条 -->
    <div class="nav clearfix">
      <div class="container">
        <ul>
          <li><a href="./index.html">首页</a></li>
          <li><a href="./App.html">App开发</a></li>
          <li><a href="./software.html">软件开发</a></li>
          <li><a href="./Applet.html">小程序开发</a></li>
          <li><a href="./system.html">商城系统</a></li>
          <li><a href="./About.html">关于开发</a></li>
          <li><a href="./news.html">新闻资讯</a></li>
          <li><a href="./contact.html">联系我们</a></li>
        </ul>
      </div>
    </div>



    <!-- 软雲科技主要是做什么的区域 -->
    <div class="science clearfix">
      <div class="container">
        <div class="science-top">
          <h4>腾悦科技主要是做什么的？</h4>
          <p>
            移动互联网应用APP定制开发商，我们以技术型驱动为核心，用移动互联网思维为企业客户提供APP开发一站式服务
          </p>
        </div>
        <div class="science-bottom">
          <ul>
            <li>
              <img src="./img/app开发.webp" alt=""  />
              <h5>APP定制开发</h5>
              <p>
                提供原生APP开发、web
                APP开发及混合APP开发服务。专业的技术团队，丰富的行业项目经验！
              </p>
            </li>
            <li>
              <img src="./img/软件开发.webp" alt=""  />
              <h5>软件定制开发</h5>
              <p>
                为政府、企业、事业单位及高校提供软件定制开发服务如：在线学习考试系统，会务管理系统，智慧社区系统等。
              </p>
            </li>
            <li>
              <img src="./img/小程序开发.webp" alt=""  />
              <h5>小程序定制开发</h5>
              <p>
                定制开发小程序，各种场景核心功能；同时提供微官网、微分销以及公众号开发，提前布局微信新生态，抢占红利！
              </p>
            </li>
            <li>
              <img src="./img/商城系统.webp" alt="" />
              <h5>商城系统</h5>
              <p>
                以互联网时代消费者体验为核心,满足企业在线销售及业务成长的中高端电商零售平台/多店铺商城系统。
              </p>
            </li>
          </ul>
        </div>
      </div>
    </div>

    <!-- 软雲解决什么问题区域 -->
    <div class="solve clearfix">
      <div class="container">
        <div class="solve-top">
          <h3>腾悦解决什么问题？</h3>
          <p>
            在互联网的信息浪潮中，很多传统行业或者创业团队抓住了机会，
            实现了转型和发展。 软云科技主要为企业提供一站式软件开发解决方案，
            根据企业客观条件以及市场行业分析，
            为企业提供有竞争力的互联网项目研发！
          </p>
        </div>
        <div class="solve-bottom">
          <ul>
            <li>
              <div class="top">
                <span>01</span>
                <h3>我们没有技术团队，对APP也不了解，能做好项目吗？</h3>
              </div>
              <p class="bottom">
                提供一站式APP开发外包服务，从售前、售中到售后都有专业的团队帮您出谋划策，解决您的后顾之忧！
              </p>
            </li>
            <li>
              <div class="top">
                <span>02</span>
                <h3>我们不了解竞争对手怎么办？</h3>
              </div>
              <p class="bottom">
                竞争对手有谁？他有什么利器？他的运营数据怎么样？多渠道的大数据，我们来帮您精准分析对手
              </p>
            </li>
            <li>
              <div class="top">
                <span>03</span>
                <h3>后期我们的APP需要升级怎么办？</h3>
              </div>
              <p class="bottom">
                我们给客户开发项目是交付源代码的，后期如果客户有自己的技术团队可以直接进行二次开发，迭代升级；如果客户没有技术团队，也可以找回我们做二期开发
              </p>
            </li>

            <li>
              <div class="top">
                <span>04</span>
                <h3>不懂如何运营怎么办？</h3>
              </div>
              <p class="bottom">
                跟土豪式的烧钱模式说：NO ! 给你省钱的运营指导
              </p>
            </li>
          </ul>
        </div>
        <div class="solve-center  ">
          <img src="./img/程序员工作.webp" alt="" />
        </div>
      </div>
    </div>

    <!-- 软件开发服务流程 -->
    <div class="develop clearfix">
      <div class="container">
        <div class="develop-top">
          <h3>软件开发服务流程</h3>
          <p>商务售前输出流程</p>
        </div>
        <div class="develop-center">
          <ul>
            <li>
              <img src="./img/签订合同.webp" alt="" />
              <p>需求调研/签订合同</p>
            </li>
            <li>
              <img src="./img/产品原型.webp" alt="" />
              <p>产品原型确认</p>
            </li>
            <li>
              <img src="./img/页面设计.webp" alt="" />
              <p>页面设计</p>
            </li>
            <li>
              <img src="./img/分组开发.webp" alt="" />
              <p>需求文档确认/分组开发</p>
            </li>
            <li>
              <img src="./img/测试计划.webp" alt="" />
              <p>测试计划</p>
            </li>
            <li>
              <img src="./img/部署服务器.webp" alt="" />
              <p>交付上线/部署服务器</p>
            </li>
            <li>
              <img src="./img/建设建议.webp" alt="" />
              <p>迭代优化/建设建议</p>
            </li>
            <li>
              <img src="./img/商务经理.webp" alt="" />
              <p>商务阶段</p>
            </li>
            <li>
              <img src="./img/产品经理.webp" alt="" />
              <p>产品设计阶段</p>
            </li>
            <li>
              <img src="./img/UI设计师.webp" alt="" />
              <p>UI设计阶段</p>
            </li>
            <li>
              <img src="./img/技术工程师.webp" alt="" />
              <p>代码开发阶段</p>
            </li>
            <li>
              <img src="./img/测试工程师.webp" alt="" />
              <p>交付阶段</p>
            </li>
            <li>
              <img src="./img/项目经理.webp" alt="" />
              <p>售后阶段</p>
            </li>
            <li>
              <img src="./img/客服经理.webp" alt="" />
              <p>迭代优化，团队建设建议</p>
            </li>
          </ul>
        </div>
      </div>
    </div>

    <!-- 填写您的项目需求给我们 -->
    <div class="demand clearfix">
      <div class="container">
        <h3>填写您的项目需求给我们。</h3>
        <input
          type="text"
          class="form-control"
          placeholder="请输入姓名"
          aria-describedby="basic-addon1"
        />

        <input
          type="text"
          class="form-control"
          placeholder="请输入电话"
          aria-describedby="basic-addon1"
        />

        <textarea name="" id="" cols="30" rows="5">
请你在这里描述你的需求</textarea
        >
        <button
          type="button"
          class="btn btn-primary"
          style="background-color: #3285ff"
        >
          提交
        </button>
      </div>
    </div>



    <!-- 新闻资讯 -->
    <div class="news clearfix">
      <div class="container">
        <div class="news-top">
          <h3>新闻资讯</h3>
          <p>掌握行业内的重要资讯</p>
        </div>

        <div class="news-bottom">
          <ul>
            <li>
              <div class="left">
                <h3>APP给人们的生活带来了巨大的改变</h3>
                <p>
                  近些年，伴随着挪动互联网的快速发展趋势及其移动智能终端的大规模遮盖....
                </p>
              </div>
              <div class="right">
                <img src="./img/APP给人们的生活带来了巨大的改变.jpg" alt="" />
              </div>
            </li>
            <li>
              <div class="left">
                <h3>APP给人们的生活带来了巨大的改变</h3>
                <p>
                  近些年，伴随着挪动互联网的快速发展趋势及其移动智能终端的大规模遮盖....
                </p>
              </div>
              <div class="right">
                <img src="./img/APP给人们的生活带来了巨大的改变.jpg" alt="" />
              </div>
            </li>
            <li>
              <div class="left">
                <h3>APP给人们的生活带来了巨大的改变</h3>
                <p>
                  近些年，伴随着挪动互联网的快速发展趋势及其移动智能终端的大规模遮盖....
                </p>
              </div>
              <div class="right">
                <img src="./img/APP给人们的生活带来了巨大的改变.jpg" alt="" />
              </div>
            </li>
            <li>
              <div class="left">
                <h3>APP给人们的生活带来了巨大的改变</h3>
                <p>
                  近些年，伴随着挪动互联网的快速发展趋势及其移动智能终端的大规模遮盖....
                </p>
              </div>
              <div class="right">
                <img src="./img/APP给人们的生活带来了巨大的改变.jpg" alt="" />
              </div>
            </li>
          </ul>
        </div>
      </div>
    </div>

     <!-- 返回顶部 -->
    <div class="Top clearfix">
        <p>Top <i class="iconfont icon-shangjiantou"></i></p>
    </div>
     <!-- 底部 -->
    <div class="footers">
       <p>©2024 十堰市腾悦科技有限公司 版权所有</p>
    </div>

    <!-- 底部导航栏 -->
    <div class="footer clearfix">
      <div class="container">
        <ul>
          <li>
            <i class="iconfont icon-shouye"></i>
            <p><a href="./index.html" style="color: #fff">首页</a></p>
          </li>

          <li>
            <i class="iconfont icon-dianhua"></i>
            <p>电话</p>
          </li>
          <li>
            <i class="iconfont icon-goutong"></i>
            <p>微信沟通</p>
          </li>
          <li>
            <i class="iconfont icon-liuyanban-05"></i>
            <p>提交需求</p>
          </li>
        </ul>
      </div>
    </div>

    <!-- 电话弹出层 -->
    <div class="lis-top">
      <i>x</i>
      <p><strong>400 热线 : </strong> 18372690721</p>
      <p><strong>电 话 :</strong> 18372690721</p>
    </div>

    <!-- 微信沟通弹出层 -->
    <div class="wx">
      <i>x</i>
      <img src="./img/微信二维码.png" alt="" />
      <p>请使用微信扫一扫</p>
    </div>

    <!-- 提交需求弹出层 -->
     <div class="xuqiu">
         
     </div>

    <!-- 模态层黑色 -->
    <div class="motai"></div>

    <script src="./js/jquery.js"></script>
    <script src="./js/index.js"></script>
  </body>
</html>
